<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title></title>
    <meta name="author" content="HTML and CSS code: your name; e-mail: you@yourdomain.com">
    <link rel="stylesheet" href="css/main.css" type="text/css" media="all">
    <!--[if lte IE 6]> 
      <link rel="stylesheet" type="text/css" href="css/ie6.css" media="screen"> 
    <![endif]-->
    <link rel="shortcut icon" href="favicon.ico">
  </head>
  <body>
    <div id="wrapper">
      <div class="header">
        <h1>Debug example</h1>
        <a href="#main_nav" title="skip navigation" class="skip">skip to navigation</a> <!-- this is still not good -->
      </div> <!-- header -->
      
      <div class="article">
        <h2>Deprecated elements</h2>
        <p>
          <applet height="15px">an alternative content in applet</applet>
          <br>Lorem ipsum dolor sit amet consectetuer ante interdum 
          <font face="Comic Sans MS">this is font element</font> ante lobortis 
          interdum. Aenean Nulla vel Curabitur turpis eget pede lorem sem nibh 
          pretium. Curabitur Lorem <center>this is center</center> tellus nunc 
          Nulla Nulla quis tellus convallis <b>bold? this is not good way</b>pretium 
          Phasellus. Massa morbi auctor congue <big>big font</big>id pretium est 
          nunc vitae nibh. Sed Curabitur mus <i>ithalic</i>libero Lorem felis id 
          nibh Curabitur convallis Vivamus. Sed id egestas Sed faucibus Sed 
          iaculis at Ut <s>strike</s> or <strike>strike</strike>?hendrerit nec. Leo.
          <isindex><br>
          Sem tellus ac pretium gravida <s>strike</s> or <strike>strike</strike>? 
          convallis nibh molestie dis Nunc id. Quis Curabitur pellentesque 
          tincidunt Donec netus et hendrerit <small>small font</small>hac eget 
          lacus. Rhoncus elit congue <u>an underline text</u>convallis magna 
          eleifend morbi felis Vestibulum <xmp>preformated text in xmp</xmp>sed non.
           A nibh volutpat sodales eu et urna.
          <dir>directory list</dir>
        </p>
        <h2>Other bad stuffs</h2>
        <p>
          This is a paragraph with defined inline styles, this is bad.
          Consectetuer <span style="color: blue;">Donec</span> pulvinar diam orci Nam eu mollis penatibus et laoreet. 
          Ut lacus elit arcu Phasellus<img src="img.png" border="0" height="15px" width="150px"> 
          Maecenas nulla pede quis Aenean orci. Curabitur nibh eget nulla ipsum 
          Vestibulum lacinia Vestibulum tincidunt neque sed. Wisi vitae 
          Vestibulum Nunc consequat Donec pretium eget felis fringilla Nam.
          Lorem ipsum dolor sit amet consectetuer Suspendisse faucibus Cum Sed 
          urna. Tincidunt <a href="#">gravida</a> malesuada Curabitur Vestibulum 
          convallis congue eget ut nibh enim. Aenean justo et turpis magna nec 
          tellus at nibh tempus eros. Quisque orci Pellentesque Aenean adipiscing 
          hendrerit Vestibulum <a href="#nav">tortor</a> a lacinia diam. Curabitur vitae nibh vitae id convallis id ac justo turpis turpis. Accumsan purus id quis vitae elit Cras Nullam pellentesque sed quis. A.
        </p>
        <table>
          <tr><td>item1</td><td>15</td></tr>
          <tr><td>item2</td><td>12</td></tr>
          <tr><td>item3</td><td>14</td></tr>
        </table>
      </div> <!-- main article -->
      
      <div class="nav">
        <ul id="main_nav">
          <li class=""></li>
        </ul>
      </div> <!-- navigation -->
      
      <div class="aside">
        
      </div> <!-- aside -->
      
      <div class="footer">
        
      </div> <!-- footer -->
    </div> <!-- wrapper -->
  </body>
</html>
